// 导入 hairline.scss
// @import '../../assets/styles/hairline.scss';
@import '@scss/hairline.scss';
.root {
  :global {
    .title {
      margin: 54px 0 30px 32px;
      color: #333;
      font-size: 24px;
      font-weight: 300;
    }
    .login-wrap {
      padding: 0 33px;
    }
    .form-item {
      position: relative;
      height: 58px;
      margin-bottom: 17px;
      // border-bottom: 1px solid #f0f0f0;
      @include hairline(bottom, #f0f0f0);
      // 相当于 .form-item:last-child添加样式
      &:last-child {
        margin-top: 39px;
        // border-bottom: none;
        // 1px线设置
        @include hairline-remove(bottom)
      }
      // input {
      //   width: 100%;
      //   height: 100%;
      //   font-size: 16px;
      //   // 给文本框placeholder添加样式
      //   &::placeholder {
      //     color: #a5a6ab;
      //   }
      // }
      button {
        width: 309px;
        height: 50px;
        opacity: 1;
        color: #fff;
        font-size: 16px;

        border-radius: 4px;
        background: linear-gradient(315deg, #f88b8b, #ffa179);
      }
      .active {
        background: linear-gradient(315deg, #f83333, #fc6627);
      }
    }
    .error {
      position: absolute;
      color: rgb(212, 88, 30);
    }
    // .code-text{
    //   position: absolute;
    //   right: 0;
    //   top: 0;
    //   line-height: 58px;
    //   font-size: 14px;
    //   color: #a5a6ab;
    // }
  }
}
